<template>
  <div class="beijingtucolor">
    <div class="topnull"></div>
    <beijing />
    <div class="index">
      <menucom />
      <list />
      <bianmin />
      <xiangqingnav :text="text2" />
      <xianshi />
      <xiangqingnav :text="text1" />
      <dianying />
      <duoxuankuang />
      <h1 id="null"></h1>
    </div>
  </div>
</template>

<script>
import duoxuankuang from "./DuoXuanKuangCom.vue";
import dianying from "./DianYingCom.vue";
import xiangqingnav from "./XiangQingNavCom.vue";
import xianshi from "./XianShiXianCom.vue";
import bianmin from "./BianMinCom.vue";
import list from "./ListCom.vue";
import menucom from "./MenuCom.vue";
import beijing from "./BackGroundCom.vue";
export default {
  data() {
    return {
      text1: "热门电影",
      text2: "限时抢购",
    };
  },
  components: {
    duoxuankuang,
    dianying,
    xiangqingnav,
    xianshi,
    bianmin,
    list,
    menucom,
    beijing,
  },
};
</script>

<style scoped>
.topnull {
  height: 0.67rem;
  width: 100%;
}
.beijingtucolor {
  width: 100%;
}
.index {
  width: 90%;
  margin: auto;
}
#null {
  width: 100%;
  height: 0.7rem;
}
</style>